/* ------------------------------------------------------------------------------
 *
 *  # Form Validation
 *
 *  jQuery plugin for simple clientside form validation
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */

// Core
// ------------------------------

// Error
.validation-error-label,
.validation-valid-label {
  margin-top: @padding-base-vertical;
  margin-bottom: @padding-base-vertical;
  display: block;
  color: @brand-danger;
  position: relative;
  padding-left: (@icon-font-size + 10);
}

// Success
.validation-valid-label {
  color: @brand-success;
}

// Labels
// ------------------------------

// Icon container
.validation-error-label,
.validation-valid-label {
  &:before {
    font-family: 'icomoon';
    position: absolute;
    top: ((@line-height-computed - @icon-font-size) / 2);
    left: 0;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: @icon-font-size;
  }

  // Hide if empty
  &:empty {
    display: none;
  }
}

// Error icon
.validation-error-label:before {
  content: '\ed63';
}

// Valid icon
.validation-valid-label:before {
  content: '\ee73';
}
